var xjleftChart3 = echarts.init(document.getElementById('left_chart3'),'macarons');
xjleftChart3.showLoading();
getData();
function getData() {
    $.get('../../les-miserables.gexf', function (xml) {
        xjleftChart3.hideLoading();

        var graph = echarts.dataTool.gexf.parse(xml);
        var categories = [];
        for (var i = 0; i < 9; i++) {
            categories[i] = {
                name: '类目' + i
            };
        }
        graph.nodes.forEach(function (node) {
            node.itemStyle.color=node.color;

            node.value = node.symbolSize;
            node.symbolSize /= 1.5;
            node.label = {
                normal: {
                    show: node.symbolSize > 5
                }
            };
            node.category = node.attributes.modularity_class;
        });
        console.log("shuju",graph.nodes);
        console.log("shuju",graph.links);

        option = {
            title:{
                left:'center',
                textStyle:{
                    color:'#fff'
                }
            },
            tooltip: {},
            legend: [{
                show:false
                // selectedMode: 'single',
                //                     data: categories.map(function (a) {
                //                         return a.name;
                //                     })
            }],

            animationDuration:2000,
            animationEasing: 'ExponentialOut',
            grid:{
                x:0,   //左侧与y轴的距离
                y:0,   //top部与x轴的距离
                x2:0,   //右侧与y轴的距离
                y2:0    //bottom部与x轴的距离
            },
            color : ['#00ffff','#fff'],
            series : [
                {
                    name: 'Les Miserables',
                    type: 'graph',
                    //color:'green',
                    layout: 'circular',
                    circular: {
                        rotateLabel: true
                    },
                    data: graph.nodes,
                    links: graph.links,
                    categories: categories,
                    roam: true,
                    label: {
                        normal: {
                            position: 'right',
                            formatter: '{b}',
                            color : '#fff'
                        },
                        emphasis : {//高亮状态
                            position: 'right',
                            formatter: '{b}',
                            textStyle : {
                                color : '#00ffff'
                            }
                        }
                    },

                    itemStyle : {
                        normal : {
                            label : {
                                show : true
                            },
                            borderType : 'solid',
                            borderWidth : 2,
                            opacity : 1,
                            color : '#00ffff'
                        },

                        emphasis : {
                            label : {
                                show : true
                            },
                            borderType : 'solid',
                            color : '#00ffff',
                            borderWidth : 2,
                            opacity : 1
                        }
                    },
                    lineStyle: {
                        normal: {

                            color: '#00ffff',
                            curveness: 0.3

                            //color : 'green',
                        }
                    }
                }
            ]
        };
        // var graph = echarts.dataTool.gexf.parse(xml);
        // var categories = [];
        // for (var i = 0; i < 9; i++) {
        //     categories[i] = {
        //         name: '类目' + i
        //     };
        // }
        // graph.nodes.forEach(function (node) {
        //     node.itemStyle = null;
        //     node.value = node.symbolSize;
        //     node.symbolSize /= 1.5;
        //     node.label = {
        //         normal: {
        //             show: node.symbolSize > 10
        //         }
        //     };
        //     node.category = node.attributes.modularity_class;
        // });
        // option = {
        //     title: {
        //         text: 'Les Miserables',
        //         subtext: 'Circular layout',
        //         top: 'bottom',
        //         left: 'right'
        //     },
        //     tooltip: {},
        //     legend: [{
        //         // selectedMode: 'single',
        //         data: categories.map(function (a) {
        //             return a.name;
        //         })
        //     }],
        //     animationDurationUpdate: 1500,
        //     animationEasingUpdate: 'quinticInOut',
        //     series : [
        //         {
        //             name: 'Les Miserables',
        //             type: 'graph',
        //             layout: 'circular',
        //             circular: {
        //                 rotateLabel: true
        //             },
        //             data: graph.nodes,
        //             links: graph.links,
        //             categories: categories,
        //             roam: true,
        //             label: {
        //                 normal: {
        //                     position: 'right',
        //                     formatter: '{b}'
        //                 }
        //             },
        //             lineStyle: {
        //                 normal: {
        //                     color: 'source',
        //                     curveness: 0.3
        //                 }
        //             }
        //         }
        //     ]
        // };

        xjleftChart3.setOption(option);
    }, 'xml');
}
